<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>案例与产品开发</title>
	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="./css/style.css">
</head>

<body>
	<ul class="nav_right3">
		<li>
			<a href="index.html">首页</a>
		</li>
		<li>
			<a href="solution.html">解决方案</a>
		</li>
		<li>
			<a href="case.html" class="link">案例与产品开发</a>
		</li>
		<li>
			<a href="about.html">关于我们</a>
		</li>
	</ul>
	<div class="container-fluid case">
		<div class="container">
			<div class="row nav_title">
				<div class="col-md-4">
					<img src="./img/logo.png" class="nav_img">
				</div>
				<div class="col-md-8 hidden-xs">
					<ul class="nav_right">
						<li>
							<a href="index.html">首页</a>
							<span></span>
						</li>
						<li>
							<a href="solution.html">解决方案</a>
							<span></span>
						</li>
						<li>
							<a href="case.html" class="link">案例与产品开发</a>
							<span style="display: block;"></span>
						</li>
						<li>
							<a href="about.html">关于我们</a>
							<span></span>
						</li>
					</ul>
				</div>
				<div class="nav_right2" onclick="showNav()"><i class="glyphicon glyphicon-menu-hamburger"></i></div>
			</div>
		</div>
		<div class="anli_banner">
			<div class="container case_banner">
				<div class="row ">
					<div class="col-lg-6 col-xs-12">
						<h2>产品与案例开发</h2>
						<div class="case_banner_button">
							<button>立即下载APP</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container-fluid case_screen1">
			<div class="jjfa_title">管理平台</div>
			<div class="jjfa_img"><img src="./img/jx.png"></div>
			<div class="case_screen1_img"><img src="img/web.png"></div>
			<div class="case_screen1_img120">
				<div class="container">
					<div class="col-lg-3">•数据复核与报告</div>
					<div class="col-lg-3">•平台申诉</div>
					<div class="col-lg-3">•数据处理与分析</div>
					<div class="col-lg-3">•数据报告</div>
				</div>
			</div>
		</div>

		<!-- 手机APP -->
		<div class="container-fluid case_screen2">
			<div class="jjfa_title">手机APP</div>
			<div class="jjfa_img"><img src="./img/jx.png"></div>
			<div class="container">
				<div class="col-lg-6 col-md-12 case_screen2_img">
					<img src="img/phone_img1.png">
					<img src="img/phone_img2.png">
					<img src="img/phone_img3.png">
				</div>
				<div class="col-lg-6 col-md-12 case_screen2_text">
					<div>
						<div>
							<h2>手机APP</h2>
							<p>问卷定制化设计</p>
							<p>实时信息采集与上传</p>
							<p>照片上传与录音采集</p>
							<p>自动逻辑判断与纠错</p>
							<p>采集点定位</p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 智能展厅 -->
		<div class="container-fluid case_screen3">
			<div class="case_screen3_title">智能展厅</div>
			<div class="jjfa_img"><img src="./img/jx.png"></div>
			<div class="container case_screen3_container">
				<div class="row">
					<div class="col-md-4">
						<img src="./img/znzt2.png" class="case_screen3_container3">
						<div class="case_screen3_container7 display-none"></div>
						<div class="case_screen3_container8">
							<div class="display-none">
								<div>上海市浦东新区xx路102号</div>
								<div></div>
							</div>
						</div>
					</div>
					<div class="col-md-8 case_screen3_container2">
						<div class="case_screen3_container5 display-none"></div>
						<div class="case_screen3_container4">
							<div class="display-none">
								<div>上海市浦东新区xx路102号</div>
								<div></div>
							</div>
						</div>
						<div class="row case_screen3_container6">
							<div class="col-md-6 case_screen3_container9">
								<img src="./img/znzt4.png">
								<div class="case_screen3_container10 display-none"></div>
								<div class="case_screen3_container11">
									<div class="display-none">
										<div>上海市浦东新区xx路102号</div>
										<div></div>
									</div>
								</div>
							</div>
							<div class="col-md-6 case_screen3_container12">
								<img src="./img/znzt5.png">
								<div class="case_screen3_container13 display-none"></div>
								<div class="case_screen3_container14">
									<div class="display-none">
										<div>上海市浦东新区xx路102号</div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid case_screen4">
			<div class="jjfa_title">产品下载</div>
			<div class="jjfa_img"><img src="./img/jx.png"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-6 case_screen_left">
						<div class="col-md-6">
							<div>
								<img src="./img/cpxz3.png">
							</div>
							<div>
								<img src="./img/cpxz1.png" class="case_screen_left2">
							</div>
						</div>
						<div class="col-md-6 case_screen_left3">
							<div>安卓端下载</div>
							<div>苹果端下载</div>
						</div>
					</div>
					<div class="col-md-6 case_screen_right">
						<img src="./img/cpxz2.png">
					</div>
				</div>
			</div>
		</div>
		<div class="row dazhi_bottom" style="margin-top:0px;">
			<div class="col-md-12">
				<div class="container">
					<div class="dazhi_bottom_logo">
						<img src="./img/logo2.png">
						<div class="dazhi_bottom_phone">联系电话：021-51216496</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<script type="text/javascript">
		function showNav() {
			$(".nav_right3").slideToggle();
		}
		$(".case_screen3_container4").hover(function () {
			$(".case_screen3_container5").show();
			$(".case_screen3_container4 .display-none").show();
		}, function () {
			$(".case_screen3_container5").hide();
			$(".case_screen3_container4 .display-none").hide();
		})
		$(".case_screen3_container5").hover(function () {
			$(".case_screen3_container5").show();
			$(".case_screen3_container4 .display-none").show();
		}, function () {
			$(".case_screen3_container5").hide();
			$(".case_screen3_container4 .display-none").hide();
		})

		$(".case_screen3_container3").hover(function () {
			$(".case_screen3_container7").show();
			$(".case_screen3_container8 .display-none").show();
		}, function () {
			$(".case_screen3_container7").hide();
			$(".case_screen3_container8 .display-none").hide();
		})
		$(".case_screen3_container7").hover(function () {
			$(".case_screen3_container7").show();
			$(".case_screen3_container8 .display-none").show();
		}, function () {
			$(".case_screen3_container7").hide();
			$(".case_screen3_container8 .display-none").hide();
		})
		$(".case_screen3_container8").hover(function () {
			$(".case_screen3_container7").show();
			$(".case_screen3_container8 .display-none").show();
		}, function () {
			$(".case_screen3_container7").hide();
			$(".case_screen3_container8 .display-none").hide();
		})

		$(".case_screen3_container9").hover(function () {
			$(".case_screen3_container10").show();
			$(".case_screen3_container11 .display-none").show();
		}, function () {
			$(".case_screen3_container10").hide();
			$(".case_screen3_container11 .display-none").hide();
		})
		$(".case_screen3_container10").hover(function () {
			$(".case_screen3_container10").show();
			$(".case_screen3_container11 .display-none").show();
		}, function () {
			$(".case_screen3_container10").hide();
			$(".case_screen3_container11 .display-none").hide();
		})
		$(".case_screen3_container11").hover(function () {
			$(".case_screen3_container10").show();
			$(".case_screen3_container11 .display-none").show();
		}, function () {
			$(".case_screen3_container10").hide();
			$(".case_screen3_container11 .display-none").hide();
		})

		$(".case_screen3_container12").hover(function () {
			$(".case_screen3_container13").show();
			$(".case_screen3_container14 .display-none").show();
		}, function () {
			$(".case_screen3_container13").hide();
			$(".case_screen3_container14 .display-none").hide();
		})
		$(".case_screen3_container13").hover(function () {
			$(".case_screen3_container13").show();
			$(".case_screen3_container14 .display-none").show();
		}, function () {
			$(".case_screen3_container13").hide();
			$(".case_screen3_container14 .display-none").hide();
		})
		$(".case_screen3_container14").hover(function () {
			$(".case_screen3_container13").show();
			$(".case_screen3_container14 .display-none").show();
		}, function () {
			$(".case_screen3_container13").hide();
			$(".case_screen3_container14 .display-none").hide();
		})
	</script>
</body>

</html>